@charset "utf-8";
*{margin:0;padding:0;font-family:"微软雅黑", "黑体", "宋体";line-height:100%;box-sizing:border-box;}
em,i{font-style:normal;}
img{max-width:100%;}
li{list-style:none;}
a{text-decoration:none;}
.w100{width:100%;}
.w220{width:220px;}
.w290{width:290px;}
.w360{width:360px;}
.w380{width:380px;}
.w400{width:400px;}
.w456{width:456px;}
.w630{width:630px;}
.w730{width:730px;}
.w840{width:840px;}
.w1200{width:1200px;}
.w1240{width:1240px;}
.center{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;z-index:999;}
.clear{clear:both;}
.oh{overflow:hidden;}
.ml20{margin-left:20px;}
.ml0{margin-left:0!important;}
.mt15{margin-top:15px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt0{margin-top:0!important;}
.pl0{padding-left:0!important;}
.pt0{padding-top:0!important;}
.plr20{padding:0 20px;}
.text-c{text-align:center;}
.dib{display:inline-block;}
.vm{vertical-align:middle;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}
.f36{font-size:36px;}
.fwn{font-weight:normal;}
.cfff{color:#fff;}
.c555{color:#555;}
.c262626{color:#262626;}
.c3973d7{color:#3973d7;}
.pl10{padding-left:10px;}
.bfff{background:#fff;}

.header{background:url(../images/top.jpg) center top no-repeat;}
.header .logo{padding:29px 0;}
.header .font1{font-size:16px;line-height:24px;margin-left:90px;margin-top:18px;}
.header .font2{font-size:16px;line-height:24px;margin-left:80px;margin-top:18px;}
.header form{}
.header form input{float:left;width:204px;border:1px solid #1e88ff;background:#fff;height:40px;line-height:40px;font-size:14px;color:#333;text-indent:10px;outline:none;}
.header form button{float:left;width:50px;height:40px;background:url(../images/ss.png) left top no-repeat;border:0;text-indent:-9999px;outline:none;}
.header .tel{line-height:56px;padding:6px 0;}
.header .tel img{height:37px;}
.header .tel span{font-size:36px;color:#fff;margin-left:20px;}

.nav{background:#1e88ff;height:48px;}
.nav ul li{height:48px;line-height:48px;margin:0 33px;letter-spacing:6px;}
.nav ul li.on,.nav ul li:hover{color:#ffea00;}
.nav ul li:hover:after,.nav ul li.on:after{content:" ";float:left;width:100%;border-bottom:1px solid #ffea00;position:absolute;left:-2px;bottom:6px;}
.nav ul li:hover:before,.nav ul li.on:before{content:" ";float:left;width:100%;height:4px;position:absolute;left:-2px;bottom:7px;background:url(../images/icon1.png) center bottom no-repeat;}

.main{background:#f1f1f1;}
.main p:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);transition:800ms all;}
.main dt{color:#262626;padding:0 20px;}
.main dt .more{color:#7e7d7d;line-height:24px;}
.main dd{padding:0 20px;}
.main .class{padding:37px 0;}
.main .class p{margin-left:8px;}
.main .class p.ml20{margin-left:20px;}

.main .major{padding:0 0 40px;height:auto;}
.main .major div{margin-left:13px;}
.main .major p{margin:9px 0 0;}
.main .major p .zx{border:1px solid #fff;border-radius:40px;padding:5px 8px;right:10px;bottom:10px;}
.main .major p .zx:hover{animation:rubberBand 1s;}

.main .teachers{padding:0 0 24px;}
.main .tbox div{height:110px;background:rgba(0,0,0,0.6);left:0;bottom:0;padding-left:10px;}
.main .tbox div h4{line-height:54px;font-weight:normal;}
.main .tbox div span{line-height:22px;}

.swiper-nav{border-bottom:2px solid #f1f1f1;}
.swiper-nav .swiper-slide{padding:0 0 20px;color:#666;}
.swiper-nav .nav-button-prev{left:0;top:25%;}
.swiper-nav .nav-button-next{right:0;top:25%;}
.swiper-nav .nav-button-prev:after,.swiper-nav .nav-button-next:after{font-size:18px;color:#cdcdcd;}
.swiper-nav .swiper-slide-active:after{content:' ';width:100%;float:left;position:absolute;left:0;bottom:0;height:3px;background:#21cbaf;}

.main .good{padding:37px 0;}
.main .good p{margin-left:8px;}
.main .good p.ml20{margin-left:20px;}
.main .good p span{width:146px;height:36px;line-height:36px;text-align:center;font-size:18px;left:70px;bottom:20px;background:#fff;border-radius:30px;}
.main .good p:hover span{animation:rubberBand 1s;}
.main .good p.good1 span{color:#0026ff;-moz-box-shadow: 2px 4px 0px 0px #0026ff;box-shadow: 2px 4px 0px 0px #0026ff;}
.main .good p.good2 span{color:#d280f4;-moz-box-shadow: 2px 4px 0px 0px #d280f4;box-shadow: 2px 4px 0px 0px #d280f4;}
.main .good p.good3 span{color:#00b8cf;-moz-box-shadow: 2px 4px 0px 0px #00b8cf;box-shadow: 2px 4px 0px 0px #00b8cf;}
.main .good p.good4 span{color:#f8553a;-moz-box-shadow: 2px 4px 0px 0px #f8553a;box-shadow: 2px 4px 0px 0px #f8553a;}

.main .Student{padding:0 0 22px;}
.main .Student dd p{margin:10px 0 0;padding:10px 0 0;}
/*
.main .Student dd p{height:180px;border-top-left-radius:10px;border-top-right-radius:10px;}
.main .Student dd .w220{margin-left:25px;margin-bottom:22px;}
.main .Student dd .sbox{border:1px solid #e5e5e5;padding:13px 0;}
.main .Student dd h4{height:36px;line-height:36px;background:#467cd4;}
.main .Student dd span{height:26px;line-height:26px;color:#474747;text-indent:8px;overflow:hidden;}
.main .Student dd span b{color:#fb2300;font-size:16px;font-weight:bold;}
.main .Student dd .student-pagination span{height:8px;}
*/

.main .news,.main .list{padding:0 0 30px;}
/* .main .news .news-pagination{width:600px;margin-left:90px;} */
.main .news .news-pagination span{cursor:pointer;width:100px;border-radius:0;height:30px;margin:0 5px;line-height:30px;color:#4c4c4c;background:none;opacity:1; outline:0;}
.main .news .news-pagination span.swiper-pagination-bullet-active{color:#0075d1;}
.main .news .new_l{width:540px;height:332px;}
.main .news h4{line-height:22px;font-weight:normal;padding:0 0 18px;}
.main .news p{line-height:22px;padding:0 0 18px;color:#929191;}
.main .news ul{border-top:1px dashed #dcdcdc;}
.main .news ul li,.main .list ul li{height:36px;line-height:36px;overflow:hidden;text-indent:15px;position:relative;}
.main .news h4:hover,.main .news ul li:hover,.main .list ul li:hover{color:#000;}
.main .news ul li:after,.main .list ul li:after{content:" ";width:5px;height:5px;background:#dcdcdc;position:absolute;left:0;top:15px;}
.main .list dt{width:360px;padding:0;border-bottom:1px solid #5383d7;margin-right:20px;}
.main .list dt .tit{height:30px;line-height:30px;padding:0 15px;background:#5383d7;}
.main .list ul li{text-indent:9px;}
.main .list ul li:after{background:#5383d7;}

.main .work{padding:0 0 15px;}
.main .work div.w290{border:1px solid #eee;margin:0 0 18px 13px;}
.main .work p{height:170px;}
.main .work div.w290 span{width:240px;height:48px;line-height:48px;background:#629cff;border-radius:30px;margin:25px;}
.main .work div.w290 span:hover{background:#1e88ff;}

.main .hj{padding:0 0 45px;margin-bottom:40px;}
.main .hj dd div{margin-left:12px;}
.main .hj dd div p{margin-top:12px;}

.main .zp{padding:0 0 45px;}
.main .zp h2 img{padding:0 27px;}

.main .td{padding:0 0 45px;}
.main .td .tit{}
.main .td .tit .bg{left:50%;top:0;margin-left:-160px;}
.main .td .jj p{color:#494949;line-height:30px;}
.main .td .tbox{margin-left:12px;}

.main .gk{padding:0 0 40px;}
.main .gk h2 span{border-bottom:1px solid #1ea5ff;padding:0 0 9px;}
.main .gk h2 font{color:#5b8efb;}
.main .gk .gk_info p{line-height:30px;}
.main .gk .gk_ry p{line-height:30px;}
.main .gk .gk_ry ul{width:600px;}
.main .gk .gk_ry ul li{height:46px;line-height:46px;overflow:hidden;}
.main .gk .gk_ts{}
.main .gk .gk_ts .ts-pagination{width:380px;margin-top:18px;}
.main .gk .gk_ts .ts-pagination p{width:168px;height:168px;line-height:216px;border-radius:20px;opacity:1;overflow:hidden;margin-top:36px;outline:none;}
.main .gk .gk_ts .ts-pagination p.p0{background:#fff url(../images/icon3.png) center 37px no-repeat;border:2px solid #5b8efb;}
.main .gk .gk_ts .ts-pagination p.p0.swiper-pagination-bullet-active{background:#5b8efb url(../images/icon2.png) center 37px no-repeat;color:#fff;}
.main .gk .gk_ts .ts-pagination p.p1{background:#fff url(../images/icon5.png) center 37px no-repeat;border:2px solid #fd6b68;margin-left:42px;}
.main .gk .gk_ts .ts-pagination p.p1.swiper-pagination-bullet-active{background:#fd6b68 url(../images/icon5_1.png) center 37px no-repeat;color:#fff;}
.main .gk .gk_ts .ts-pagination p.p2{background:#fff url(../images/icon6.png) center 37px no-repeat;border:2px solid #fca654;}
.main .gk .gk_ts .ts-pagination p.p2.swiper-pagination-bullet-active{background:#fca654 url(../images/icon6_1.png) center 37px no-repeat;color:#fff;}
.main .gk .gk_ts .ts-pagination p.p3{background:#fff url(../images/icon7.png) center 37px no-repeat;border:2px solid #848ee7;margin-left:42px;}
.main .gk .gk_ts .ts-pagination p.p3.swiper-pagination-bullet-active{background:#848ee7 url(../images/icon7_1.png) center 37px no-repeat;color:#fff;}
.main .gk .gk_ts .gk_ts_box{padding:13px 14px;border:1px solid #b5b5b5;border-radius:20px;}
.main .gk .gk_ts .swiper-ts .swiper-slide{}
.main .gk .gk_ts .swiper-ts .swiper-slide img{}
.main .gk .gk_ts .swiper-ts .swiper-slide h4{margin-top:20px;}
.main .gk .gk_ts .swiper-ts .swiper-slide h4 span{color:#437efb;}
.main .gk .gk_ts .swiper-ts .swiper-slide div{line-height:22px;margin-top:14px;}
.main .gk.mb p{margin:10px 0 0 13px;}
.main .gk.lm p{margin:0 14px;}

.main .list_nav li{width:32.666666666%;height:144px;line-height:144px;background:#fff;color:#262626;margin-left:1%;}
.main .list_nav a:nth-child(1) li{margin-left:0;}
.main .list_nav li.on,.main .list_nav li:hover{background:#EEF5FF;;color:#474747;}
.main .list_box{padding-bottom:40px;}
.main .list_box .swiper-news{width:884px;border-radius:10px;}
.main .list_box .swiper-news .pa{height:60px;line-height:60px;text-indent:20px;left:0;bottom:0;background:rgba(67,140,252,0.9);overflow:hidden;}
.main .list_box .news-pagination{text-align:right;right:50px;width:auto;bottom:20px;}
.main .list_box .news-pagination span{width:11px;height:11px;background:#fff;opacity:1;border-radius:0;}
.main .list_box .news-pagination span.swiper-pagination-bullet-active{background:#ff7800;}
.main .list_box ul{width:286px;}
.main .list_box ul li p{border-radius:10px;}
.main .list_box ul li span{color:#232323;margin:10px 0 20px;}

.main .newsFlex{display: flex;background: #f1f1f1;}
.main .newsFlex li{height: 90px;line-height: 90px;background: #fff;color: #474747;width: 100%;display: flex;align-items: center;justify-content: center;}
.main .newsFlex a{flex:1;margin-left: 4px; font-weight: 400;}
.main .newsFlex a:first-child{margin-left: 0px;}
.main .newsFlex li:hover{background:#EEF5FF;color:#474747;}
.main .newsFlex li.on{background:#EEF5FF;color:#474747;}
.main .newsFlex li img{margin-right: 10px;}


.main .list_news .list_news_box{padding:50px 0;border-bottom:1px solid #dcdcdc;}
.main .list_news .list_news_box .list_news_box_l{width:480px;height:260px;}
.main .list_news .list_news_box .list_news_box_r{width:676px;}
.main .list_news .list_news_box .list_news_box_r h4{height:30px;line-height:30px;color:#232323;}
.main .list_news .list_news_box .list_news_box_r span{color:#7e7e7e;}
.main .list_news .list_news_box .list_news_box_r p{color:#7e7e7e;line-height:27px;}
.main .list_news .list_news_box .list_news_box_r font{width:92px;height:28px;line-height:28px;border-radius:5px;background:#065feb;}
.main .list_news .pages{margin:50px 0;}
.main .list_news .pages li{height:28px;line-height:28px;display:inline-block;}
.main .list_news .pages li a{height:28px;line-height:28px;display:inline-block;background:#f5f5f5;color:#777;border:1px solid #dcdcdc;padding:0 14px;border-radius:5px;margin:0 5px;}
.main .list_news .pages li.thisclass,.main .list_news .pages li a:hover{background:#438cfc;color:#fff;display:inline-block;padding:0 14px;border-radius:5px;margin:0 5px;}
.main .list_news .pages li.thisclass a{padding:0;margin:0;border:0;color:#fff;background:none;}
.main .list_news .pages li select{height:28px;line-height:28px;border:1px solid #dcdcdc;}

.main .bm .signMain{width:745px;background:url(../images/icon4.png) left 30px no-repeat;margin:70px 228px;}
.main .bm .signMain .signcol{width:100%;float:left;margin:14px 0;}
.main .bm .signMain .signcol label{line-height:49px;font-size:24px;color:#515151;padding:0 40px;}
.main .bm .signMain .signcol label i{color:#f00;}
.main .bm .signMain .signcol input{width:525px;height:47px;line-height:47px;float:right;border:1px solid #ddd;}
.main .bm .signMain .signcol select{width:525px;height:47px;line-height:47px;float:right;border:1px solid #ddd;}
.main .bm .signMain .bomBtn .subBtn{width:527px;height:49px;line-height:49px;float:left;background:#3973d7;color:#fff;font-size:24px;text-align:center;border:0;cursor:pointer;margin:15px 0 0;}
.main .bm .signMain .bomBtn .subBtn:hover{background:#f70;}

.main .zy{}
.main .zy .zy_l{width:550px;margin:30px 0;border-radius:15px;}
.main .zy .zy_r{width:632px;}
.main .zy .zy_r h4{margin:54px 0 26px;}
.main .zy .zy_r h4 span{line-height:34px;font-size:34px;color:#262626;margin-left:16px;}
.main .zy .zy_r h4 font{float:right;line-height:34px;font-size:24px;color:#f43445;margin-right:50px;}
.main .zy .zy_r ul li{width:142px;height:31px;line-height:31px;float:left;background:#7488ff;border-radius:5px;color:#fff;font-size:16px;text-align:center;margin:15px 0 0 16px;}
.main .zy .zy_r ul li:hover{background:#3951e2;}

.footer{background:#276dc3;padding:0 0 102px;}
.footer .footer_bg{height:208px;background:url(../images/footer.jpg) center top no-repeat;}
.footer .footer_bgnew{height:208px;background:url(../images/footerNew.jpg) center top no-repeat; }
.footer .fnav{padding:45px 0 0;}
.footer .fnav a{padding-left:84px;}
.footer .flogo{padding:40px 0;}
.footer .flogo .ewm{height:43px;margin-left:19px;margin-top:28px;}
.footer .flogo .ewm span{padding:10px 0 0;}
.footer .flogo .ewm .pa{width:100px;display:none;left:-30px;top:-138px;}
.footer .flogo .ewm .pa img{width:100px;}
.footer .flogo .ewm:hover .pa{display:block;}
.footer .finfo{width:1045px;padding:24px 0 40px;}
.footer .finfo p{margin-top:20px;}
.footer .finfo .tel2{line-height:56px;padding:0 0 16px;}
.footer .finfo .tel2 img{width:22px;}
.footer .finfo .qq img{width:17px;margin:0 3px;}
.footer .finfo .tel2 span{font-size:19px;color:#fff;margin-left:10px;font-weight:bold;}
.footer .beian{background:#0854b1;padding:25px 0;}
.footer .beian img{width:22px;}

.footerflex{display: flex;align-items: center;color:#fff;}
.footer .flexnew{    display: flex; flex-direction: row;justify-content: space-between;}

.footer .flex{display: -webkit-box; display: flex;flex-direction: row;justify-content:space-between;}
.footer .footerbox{height: 110px;}
.footer .flex a{color: #fff;}
.footer .flex .weixinFont{justify-content: center;display: flex;font-size: 12px;margin-top: 10px;font-weight: 400;color: #fff;}
.footer .flex .lianxi{display: flex;width: 440px;flex-wrap: wrap;font-size: 16px;font-weight: 400;}
.footer .flex .lianxi label{margin-left: 10px;padding-top:10px;margin-right: 20px;}
.footer .flex .lianxi img{min-height: 26px;margin:0px 5px 0px 19px;}
.footer .flex .lianxi div{display: flex;align-items: center;}

.footer  .zuxiaLogo{padding-top: 15px;}
.footer  .zuxiaLogo p{font-size: 18px;font-weight: 400;line-height: 44px;letter-spacing: 14px;}
.footer  .daohang{padding: 10px 10px;}
.footer  .daohang ul li{margin-bottom: 15px; text-align: center;font-weight: 400;}

.chat_right{width:69px;left:5px;top:50%;margin-top:-135px;}
.chat_right p{margin:2px 0;}
.chat_right p:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);transition:800ms all;}
.chat_right p span{left:0;bottom:6px;}
.chat_right p:hover span{color:#fc0;}

.chat_footer{height:102px;background:url(../images/chat_footer_bg.jpg) center top no-repeat;left:0;bottom:0;}
.chat_footer .tel{}
.chat_footer .tel img{}
.chat_footer .tel span{font-size:40px;margin:16px 0 0 6px;}
.chat_footer form{margin:33px 20px 0 38px;}
.chat_footer form input{float:left;width:200px;border:0;background:#fff;height:45px;line-height:45px;font-size:14px;color:#333;text-indent:10px;outline:none;}
.chat_footer form button{float:left;width:130px;height:45px;line-height:45px;font-size:18px;color:#333;font-weight:bold;text-align:center;color:#fff;background:#24bfdb;border:0;outline:none;}
.chat_footer span.f20{width:122px;height:60px;line-height:54px;color:#971012;font-weight:bold;border-radius:10px;margin:24px 0 0 16px;position:relative;}
.chat_footer span.f20:before{content:' ';width:50px;height:3px;background:#e78c8d;top:44px;left:50%;margin-left:-25px;float:left;position:absolute;}
.chat_footer span.f20:hover{animation:tada 1.8s;}
.chat_footer span.cz{background:#fff;}
.chat_footer span.gz{background:#ffef85;}
.chat_footer span.xf{background:#fff;}
.chat_footer span.zy{background:#ffef85;}

/*新版商务通中间弹窗*/
.chat_center{width:560px;min-height:290px;display:none;background-color:#FFF;border-radius:10px;position:fixed;left:50%;top:50%;margin-left:-280px;margin-top:-201px;z-index:300;-webkit-transition:all 1.6s ease-out 0s;transition:all 1.6s ease-out 0s; box-shadow:7px 12px 65px 0px rgba(0, 0, 0 , 0.35);-webkit-box-shadow:7px 12px 65px 0px rgba(0,0,0,0.35);-moz-box-shadow:7px 12px 65px 0px rgba(0,0,0,0.35);-ms-box-shadow:7px 12px 65px 0px rgba(0,0,0,0.35);-o-box-shadow:7px 12px 65px 0px rgba(0,0,0,0.35);overflow:hidden;}
.chat_center.block{display:block;}
.myLikelogo{width:100%;height:52px;padding:5px 15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.HMlogo{display:block;padding-left:50px;height:41px;line-height:41px;font-size:16px;font-style:normal;color:#000;margin-right:32px;display:inline;background:url(../images/CenterLogo.png?v=20201111) no-repeat left center;}
.myLikelogo i b{color:#f76d02;margin-left:2px;}
.myLikeCloseBtn{width:22px;height:22px;right:10px;top:13px;cursor:pointer;}
.chat_center .ljzy{width:160px;height:40px;line-height:40px;border-radius:5px;background:#db8203;margin:7px 100px 10px 70px;}
.chat_center .zxxf{width:160px;height:40px;line-height:40px;border-radius:5px;background:#2297cc;margin:7px 0 10px;}
.chat_center .ljzy:hover{background:#cc7a06;}
.chat_center .zxxf:hover{background:#067db3;}
.animated1{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInDown1{
	0%{-webkit-transform:translate3d(0, -300%, 0);-ms-transform:translate3d(0, -300%, 0);-webkit-transform:translate3d(0, -300%, 0);transform:translate3d(0, -300%, 0);}
	50%{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);}
	100%{-webkit-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown1{
	0%{-webkit-transform:translate3d(0, -300%, 0);-ms-transform:translate3d(0, -300%, 0);-webkit-transform:translate3d(0, -300%, 0);transform:translate3d(0, -300%, 0);}
	50%{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);}
	100%{-webkit-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1 }
@-webkit-keyframes fadeOutDown1{
	50%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
	100%{-webkit-transform:translate3d(0, 300%, 0);-ms-transform:translate3d(0, 300%, 0);transform:translate3d(0, 300%, 0);}
}
@keyframes fadeOutDown1{
	50%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
	100%{-webkit-transform:translate3d(0, 300%, 0);-ms-transform:translate3d(0, 300%, 0);transform:translate3d(0, 300%, 0);}
}
.fadeOutDown1{-webkit-animation-name:fadeOutDown1;animation-name:fadeOutDown1;}


.main_visual,.main_visuala,.main_visualb{height:500px;position:relative;  }
.main_image,.main_imagea,.main_imageb{height:500px;position:relative;overflow:hidden;}
.main_image ul,.main_imagea ul,.main_imageb ul{height:500px;position:absolute;top:0; width: 100%;;}
.main_image li,.main_imagea li,.main_imageb li{float:left;width:100%;height:700px;}
.main_image li span,.main_imagea li span,.main_imageb li span{display:block;width:100%;height:350px}
.main_image li a,.main_imagea li a,.main_imageb li a{display:block;width:100%;height:500px}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:45px!important;height:74px!important;top:53%;margin-top:-37px;display:none;}

#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:15px;}

#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:15px;}

#btn_preva,#btn_nexta,#btn_prevb,#btn_nextb{z-index:11111;position:absolute;display:block;width:45px!important;height:74px!important;top:53%;margin-top:-37px;display:none;}

#btn_preva,#btn_prevb{background:url(../images/hover_left.png) no-repeat left top;left:15px;}

#btn_nexta,#btn_nextb{background:url(../images/hover_right.png) no-repeat right top;right:15px;}


div.flicking_con{position:absolute;top:510px;left:52%;z-index:999;width:75px;height:21px;margin:0 0 0 -66px;}

div.flicking_con a{float:left;width:30px;height:3px;margin:0 3px;padding:0;background:#dadada;display:block;text-indent:-1000px}
div.flicking_con a.on{background:#017ecf; }

.effects_f .zyf{ position:relative; height:468px;  top:0;transition:.4s; -webkit-transform:.4s; width:291px; float:left; margin:10px 11px 25px 0 }
.effects_f .zyf img{ width:290px; height:468px;}
.effects_f div:nth-child(4){ margin:10px 0 25px 0; }
.effects_f div:nth-child(5){ margin:0 14px 0 0px; }
.effects_f div:nth-child(6){ margin:0 14px 0 0; }
.effects_f div:nth-child(7){ margin:0 14px 0 0;  }
.effects_f div:nth-child(8){ margin:0 0
   0 0; }

.effects_f .expand_f {color:#fff; padding:5px 10px;width:100%; display:block}
.effects_f .expand_f h1{ font-size:24px; line-height:24px;}
.effects_f .expand_f h2{ font-size:16px; line-height:30px;}
.effects_f .expand_f p{ font-size:14px; line-height: 18px;}
.effects_f .expand_f .dx{ width:40px; background:#fff; height:1px; line-height:1px; overflow:hidden; margin:5px 0; }
.zx_more{ width:100px; text-align:center;  margin:10px 0 !important; border:1px solid #fff; border-radius:30px; height:30px; line-height:30px; font-size:12px}
.zx_more:hover{ background:#fff; color:#666}
.effects_f .expand_f h3{ font-size:14px; padding-bottom:8px;}
.effects_f .expand_f p{ font-size:12px; color: #fff !important;}
.effects_f .zyf:hover{top:-10px;transition:.4s; -webkit-transform:.4s; }
#effect-3 .zyf.hover .overlay2 {width: 100%; padding:10px 0;   height:468px; width:291px; background: rgba(1, 126, 207, 0.8); }
#effect-3 .overlay2 { bottom: 0;left: 0;right: 0;width: 100%;height:60px;}
#effect-3 .overlay2 a.expand { left: 0;right: 0;margin: 0 auto 0px auto;}

.overlay2 {display: block;position: absolute;z-index: 20;
  background: rgba(0, 0, 0, 0.8);overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.close-overlay2 {display: block;position: absolute;top: 0;
right: 0;z-index: 100;font-size:14px;color: #fff;text-align: center;background-color: #000;cursor: pointer;}



div.flicking_cona,div.flicking_conb{position:absolute;top:510px;left:52%;z-index:999;width:75px;height:21px;margin:0 0 0 -66px;}

div.flicking_cona a,div.flicking_conb a{float:left;width:30px;height:3px;margin:0 3px;padding:0;background:#dadada;display:block;text-indent:-1000px}
div.flicking_cona a.on,div.flicking_conb a.on{background:#017ecf; }